/* pages/message/message.wxss */


.container {

  // 顶部按钮选项
  .btns {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 28rpx;
    color: rgb(16, 16, 16);
    font-family: PingFangSC-regular;

    // 单个按钮设置
    .btn {
      text-align: center;

      // 按钮图片
      image {
        width: 40rpx;
        height: 40rpx;
        padding: 24rpx;
        border-radius: 100rpx;
      }

    }
  }

  // 消息列表
  .msgList {
      margin-top: 40rpx;

    // 图片默认样式
    image {
      width: 64rpx;
      height: 64rpx;
      // align-self: center;
      // line-height: 140rpx;
      margin-top: 20rpx;
    }

    // 消息体排版
    .message {
      display: flex;
      flex-wrap: nowrap;
      // flex-direction: row;
      // align-items: center;
      // margin-left: 20rpx;
      padding: 30rpx;
      width: fit-content;
      // width: 680rpx;
      height: 84rpx;
      color: rgb(16, 16, 16);
      font-size: 28rpx;
      font-family: PingFangSC-regular;

      .avatar {
        margin-right: 36rpx;
      }

      .msgText {
        // width: 100%;
        width: 530rpx;
        height: 84rpx;
        // 第一行
        .row {
          width: 100%;
          // width: 530rpx;
          display: flex;
          justify-content: space-between;

          .title {
            line-height: 40rpx;
          }

          .date {
            line-height: 28rpx;
            color: rgb(154, 154, 154);
            font-size: 20rpx;
          }

          // 未读消息条数
          .msgNum{
            width: 32rpx;
            height: 32rpx;
            line-height: 32rpx;
            align-self: center;
            border-radius: 24rpx;
            background-color: red;
            color: white;
            font-size: 18rpx;
            text-align: center;
          }

        }

        // 消息描述
        .dec {
          width: 400rpx;
          line-height: 28rpx;
          font-size: 20rpx;
          margin-top: 16rpx;
          // 溢出隐藏
          overflow: hidden;
          // 强制不换行
          white-space: nowrap;
          // 文字溢出显示省略号
          text-overflow: ellipsis;
        }
      }

    }

    // 删除
    .delete{
      background-color: red;
      width: 120rpx;
      height: 88rpx;
      line-height: 88rpx;
      text-align: center;
      color: #ffffff;
      font-size: 14px;
      margin-left: 40rpx;
    }
  }
}